<template>
	<div class="container">
		<!-- 侧栏 -->
		<Sidebar/>
		<!-- 头部 -->
		<Header @getRecomm="getRecomm"/>
		<TopNav/>
		<!-- 预约 -->
		<div class="reserve Gwidth">
			<Form ref="formInline" :model="formInline" :rules="ruleInline" inline :show-message="false">
				<FormItem prop="name">
					<div class="item">
						<Input type="text" v-model="formInline.name" placeholder="请输入您的姓名"></Input>
					</div>
				</FormItem>
				<FormItem prop="tel">
					<div class="item">
						<Input maxlength="11" type="text" v-model="formInline.tel" placeholder="请输入您的电话"></Input>
					</div>
				</FormItem>
				<FormItem prop="area">
					<div class="item area">
						<Input type="text" suffix=" " v-model="formInline.area" placeholder="请输入面积"></Input>
					</div>
				</FormItem>
				<FormItem>
					<Button :loading="sub_loading" type="primary" @click="handleSubmit('formInline')">预约上门量尺</Button>
				</FormItem>
    		</Form>
			<ul>
				<li class="Noselect" @click="free_show=true">免费设计</li>
				<li class="Noselect" @click="free_quote=true">免费报价</li>
				<li class="Noselect" @click="bargaining_show=true">砍价服务</li>
			</ul>
		</div>
		<!-- 商家 -->
		<div class="business Gwidth">
			<div class="business_nav">
				<ul class="left">
					<li 
					class="Noselect" 
					:class="{active:business_nav==item.category_id}" 
					v-for="item in hot_list" 
					:key="item.category_id"
					@click="businessNavClick(item.category_id)"
					>
						{{item.category_name}}
					</li>
				</ul>
				<div class="more">
					<!-- <nuxt-link to="/shop/list">查看更多</nuxt-link> -->
				</div>
			</div>
			<div class="business_cont">
				<div class="item" v-for="(item,index) in business_cont" :key="item.store_id" @click="OpenRuler(item.store_id)">
					<div class="img" v-if="index<8">
						<img :src="item.logo" :alt="item.brand_name" :title="item.brand_name">
					</div>
					<div class="title">{{item.brand_name}}</div>
					<div class="btn">
						<span>产品</span>
						<span>案例</span>
					</div>
				</div>
				
			</div>
		</div>
		<!-- 头条 -->
		<div class="headlines Gwidth">
			<div class="banner">
				<Carousel autoplay loop :autoplay-speed="5000">
					<CarouselItem v-for="(item,index) in banner_list" :key="index">
						<div class="img">
							<a :href="item.ad_content">
								<img :src="item.img_url" :alt="item.title">
							</a>
						</div>
					</CarouselItem>
				</Carousel>
			</div>
			<div class="right">
				<div class="top">
					<div class="title">一起头条</div>
					<nuxt-link to="/news">
						<div class="more">查看更多</div>
					</nuxt-link>
				</div>
				<ul>
					<li v-for="item in headlines" :key="item.article_id">
						<nuxt-link :to="'/news/detail/'+item.article_id" target = '_blank'>{{item.title}}</nuxt-link>
					</li>
				</ul>
			</div>
		</div>
		<!-- 公司产品 -->
		<div class="enterprise_show Gwidth">
			<div class="left">
				<div class="top">
					<div class="enterprise_nav">
						<div class="Noselect item" :class="{active:enterprise_nav==1}" @click="ChangeNav(1)">综合推荐</div>
						<div class="Noselect item" :class="{active:enterprise_nav==2}" @click="ChangeNav(2)">按热度排序</div>
						<div class="Noselect item" :class="{active:enterprise_nav==3}" @click="ChangeNav(3)">按口碑排序</div>
					</div>
					<div class="ad" v-for="(item,index) in string_list" :key="index">
						<a :href="item.ad_content">
							<span>{{item.title}}</span>
						</a>
					</div>
				</div>
				<div class="cont">
					<ShopList 
					v-for="(item,index) in shop_list" 
					:key="index" 
					:logo="item.logo"
					:citys="open_city"
					:brand_name="item.brand_name"
					:phone="item.phone"
					:target_id="item.store_id"
					:category_name="item.category_name"
					:shopAddress="item.address"
					:appoin_num="item.appoin_num"
					/>
				</div>
				<!-- <Spin size="large" fix v-if="loading"></Spin> -->
				<div class="loadingMore Noselect" @click="getIndexStoreList">
					<Icon v-show="loading" type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
					{{status}}
				</div>
			</div>
			<div class="right">
				<div class="top">本月推荐</div>
				<div class="cont">
					<div class="recommend" v-for="(item,index) in recommend_list" :key="index">
						<div class="recont"  @click="OpenRuler(item.store_id)">
							<div class="num">{{index+1}}</div>
							<div class="logo">
								<img :src="item.logo" :alt="item.brand_name" :title="item.brand_name">
							</div>
							<h2>{{item.brand_name}}</h2>
						</div>
					</div>
				</div>
				<div class="ad" v-for="(item,index) in Merchants_list" :key="index">
					<a :href="item.ad_content">
						<img :src="item.img_url" :alt="item.title">
					</a>
				</div>
				<div class="links">
					<strong>友情链接：</strong>
					<a :href="item.url" v-for="(item,index) in links" :key="index">{{item.title}}</a>
				</div>
				<Footer/>
			</div>
			
		</div>
		<!-- 砍价服务 -->
		<BargainingService :is_show="bargaining_show" @onClose="onClose_bargaining" @onSuccess="onSuccess" />
		<!-- 免费设计 -->
		<FreeDesign :is_show="free_show" @onClose="onCloseFree" @onSuccess="onSuccess"  />
		<!-- 免费报价 -->
		<FreeQuote :is_show="free_quote" @onClose="onCloseQuote" @onSuccess="onSuccess" />
		<!-- 提交成功提示 -->
		<SuccessTips :title="success_msg.title" :des="success_msg.des" :is_show="success_tips" @onClose="onCloseTips" @onSuccess="onSuccess" />
		<!-- 上门尺量弹窗 -->
		<DoorToDoorRuler :citys="open_city" :target_id="target_id" :is_show="door_to_door_ruler" @onClose="onCloseRuler"/>
	</div>
</template>

<script>
import Header from "~/components/Header.vue";
import Sidebar from "~/components/Sidebar.vue";
import ShopList from "~/components/ShopList.vue";
import BargainingService from "~/components/Bargaining_service.vue"
import FreeDesign from "~/components/Free_design.vue"
import FreeQuote from "~/components/Free_quote.vue"
import SuccessTips from "~/components/Submit_success.vue"
import Footer from "~/components/Footer.vue"
import TopNav from "~/components/TopNav.vue"
import {mapState,mapMutations} from 'vuex'
import API from '../http/api'
import http from '../http/http.js'
export default {
	components: {
		Header,
		Sidebar,
		ShopList,
		BargainingService,
		FreeDesign,
		FreeQuote,
		SuccessTips,
		Footer,
		TopNav
	},
	data(){
		const validateTel = (rule, value, callback) => {
            if(!(/^1[3456789]\d{9}$/.test(this.formInline.tel))){ 
                callback(new Error('电话格式不正确'));
            } else{
                callback();   
            }
        }
		const validateArea = (rule, value, callback) => {
            if(isNaN(this.formInline.area)){ 
                callback(new Error('面积格式不正确'));
            } else{
                callback();   
            }
        }
		return{
			title:'一起家具网',
			data:null,
			formInline: {
                name: '',//预约姓名
                tel: '',//预约电话
				area:'',//预约面积
            },
			success_tips:false,
			bargaining_show:false,//是否展示砍价申请弹窗
			free_show:false,//是否展示免费设计弹窗
			free_quote:false,//是否展示3s报价弹窗
			success_msg:{},//成功提示
			business_nav:'',
			hot_list:[],//筛选分类列表
			business_cont:[],//筛选内容列表
			headlines:[],//头条列表
			shop_list:[],//商家列表
			banner_list:[],//幻灯片列表
			Merchants_list:[],//招商列表
			string_list:[],//数字列表
			open_city:[],//开通城市列表
			recommend_list:[],//推荐列表
			links:[],//友情链接
			target_id:'',
			door_to_door_ruler:false,//上门尺量
			loading:false,
			sub_loading:false,
			pageNext:false,
			enterprise_nav:1,
			loadingMore:'loadmore',//加载更多
			page:2,
			limit:20,
			is_scroll:true,
            ruleInline: {
                name: [
                    { required: true, message: '请输入您的姓名', trigger: 'blur' }
                ],
                tel: [
                    { required: true, message: '请输入您的电话', trigger: 'blur' },
					{ type: 'string', min: 7,message: '电话格式不正确', trigger: 'change' },
					{ required: true, validator:validateTel, trigger: 'change' }
                ],
				area: [
                    { required: true, message: '请输入面积', trigger: 'blur' },
                    { required: true, validator:validateArea, trigger: 'change' },
                ]
            }
		}
	},
	async asyncData ({ store, params }) {
		// 一起头条
        let{data:{data:headlines}} = await http.post(API.index.getArticleList,{
			page:1,
			limit:7
		})
		// 筛选分类列表
		let {data:{code:business_code,data:hot_list,msg}} = await http.post(API.index.getHotStoreCateList,{})
		let business_nav = ''
		if(business_code==200){
			let business_nav = hot_list.data[0].category_id
        }
		// 推荐商家列表
		let{data:{data:business_cont}} = await http.post(API.index.getHotStoreList,{
			category_id:business_nav
		})
		let{data:{data:shop_list}} = await http.post(API.index.getIndexStoreList,{
			type:1,
			province:store.state.address.province,
			page:1,
			limit:20,
		})
        return{
			headlines:headlines.data,
			business_cont:business_cont.data,
			hot_list:hot_list.data,
			shop_list:shop_list.data.data
        }
    },
  	// head(){
 	// 	return {
  	// 		title: this.title,
  	// 		meta: [{
	// 			hid: "keywords",
	// 			name: "keywords",
	// 			content: "keywords"
  	// 		},{
	// 			hid: "description",
	// 			name: "description",
	// 			content: "description"
  	// 		}]
 	// 	}
 	// },
	created(){
		
		this.getHotStoreCateList()
		this.getHotStoreList()
		this.getArticleList()
		this.getSystemBannerList(1)
		this.getSystemBannerList(2)
		this.getSystemBannerList(3)
		this.getOpenCityList()
		this.getFriendList()
		// if (this.address.province) {
		// 	this.page=1
		// 	this.getIndexStoreList()
		// }
	},
	computed:{
		...mapState(['address','locationAddress','userInfo']),
		status(){
			return this.loadingMore=="loading"?'加载中':this.loadingMore=="nomore"?'暂无数据':'加载更多'
		}
	},
	mounted() {
		window.addEventListener('scroll', this.watchScroll,true)
	},
	destroyed(){
      window.removeEventListener('scroll', this.watchScroll,true);
    },
	methods: {
		watchScroll(e){
			// scrollTop 滚动条滚动时，距离顶部的距离
			var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
			// windowHeight 可视区的高度
			var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
			// scrollHeight 滚动条的总高度
			var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
			// 滚动条到底部的条件
			if (Math.ceil(scrollTop + windowHeight+50) >= scrollHeight && this.is_scroll) {
				// 加载数据
				this.is_scroll = false
				this.getIndexStoreList()
			}
				
		},
		// 打开弹窗
		OpenRuler(id){
			this.target_id = id
			this.door_to_door_ruler = true
		},
		onCloseRuler(){
			this.door_to_door_ruler = false
		},
		// 推荐列表
		getRecomm(e){
			this.recommend_list = e
		},
		// 开通城市列表
		async getOpenCityList(){
            let{data:{code,data}} = await this.$http.post(this.$API.getOpenCityList,{})
            if (code==200) {
                this.open_city = data.data
                
            }
        },
		//广告列表
		async getSystemBannerList(e){
			let{data:{code,data}} = await this.$http.post(this.$API.index.getSystemBannerList,{
				flag:e
			})
			if (code==200) {
				if (e==1) {
					this.banner_list = data.data
				}else if (e==2) {
					this.Merchants_list = data.data
				}else{
					this.string_list = data.data
				}
			}
		},
		// 预约
		handleSubmit(name) {
            this.$refs[name].validate((valid) => {
                if (valid) {
                    this._setUserAppointment(this.formInline)
                } else {
                    // this.$Message.error('Fail!');
                }
            })
        },
		async _setUserAppointment(e){
			this.sub_loading = true
			let {data:{code,data,msg}} = await this.$http.post(this.$API.index.setUserAppointment,{
				name:e.name,
				mobile:e.tel,
				desc:e.area,
				type:4
			})
			this.sub_loading = false
			if(code==200){
                // this.$Message.success(msg);
                this.success_msg={
                    title:'已提成功提交申请',
                    des:msg,
                }
				this.formInline={
					name: '',//预约姓名
					tel: '',//预约电话
					area:'',//预约面积
				}
				this.success_tips = true
            }else{
                this.$Message.error(msg);
            }
		},
		// 友情链接
		async getFriendList(){
			let{data:{code,data,msg}} = await this.$http.post(this.$API.getFriendList,{})
			if (code==200) {
				this.links = data.data
			}
		},
		// 筛选分类列表
		async getHotStoreCateList(){
			console.log('this.userInfo.token---------------------------',this.userInfo)
			let {data:{code,data,msg}} = await this.$http.post(this.$API.index.getHotStoreCateList,{
				token:this.userInfo.token
			})
			if(code==200){
				this.business_nav = data.data[0].category_id
            	this.hot_list = data.data
            }
		},
		// 
		businessNavClick(e){
			this.business_nav = e
			this.getHotStoreList()
		},
		async getHotStoreList(){
			let{data:{code,data,msg}} = await this.$http.post(this.$API.index.getHotStoreList,{
				category_id:this.business_nav
			})
			if(code == 200){
				this.business_cont = data.data
			}
		},
		// 一起头条
		async getArticleList(){
			let{data:{code,data,msg}} = await this.$http.post(this.$API.index.getArticleList,{
				page:1,
				limit:7
			})
			if(code == 200){
				this.headlines = data.data
			}
		},
		// 切换分类
		ChangeNav(e){
			this.enterprise_nav = e
			this.page=1
			this.getIndexStoreList()
		},
		// 商家列表
		async getIndexStoreList(){
			this.loading = true
			this.pageNext = false
			this.loadingMore = 'loading'
			if (this.page==1) {
				this.shop_list = []
			}
			let{data:{code,data,msg}} = await this.$http.post(this.$API.index.getIndexStoreList,{
				type:this.enterprise_nav,
				province:this.address.province,
				page:this.page,
				limit:this.limit,
			})
			this.loading = false
			if (code==200) {
				if (data.data.data.length>=this.limit) {
					this.loadingMore = 'loadmore'
				}else{
					this.loadingMore = 'nomore'
				}
				if (data.data.data.length>0) {
					this.shop_list = this.shop_list.concat(data.data.data)
					this.pageNext = true
					this.page += 1
				}
				
			}else{
				this.loadingMore = 'nomore'
			}
			this.is_scroll = true
		},
		// 成功
		onSuccess(e){
			this.success_msg = e
			this.success_tips = true
		},
		// 关闭砍价服务弹窗
		onClose_bargaining(e){
			this.bargaining_show = false
			
		},
		onCloseFree(){
			this.free_show = false
		},
		onCloseQuote(){
			this.free_quote = false
		},
		onCloseTips(){
			this.success_tips = false
		}
	},
	watch:{
		address(val,oldVal){
			console.log('address改变-----------',val)
			if (val.province) {
				this.page=1
				this.getIndexStoreList()
			}
		}
	}
};
</script>

<style scoped>
	/* 预约 */
	.reserve{
		padding-top: 30px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.reserve form{
		font-size: 0;
	}
	.reserve>>>.ivu-form-inline .ivu-form-item{
		margin-right: 10px;
		margin-bottom: 0;
	}
	.reserve .item{
		width: 212px;
		height: 44px;
	}
	.reserve .item>>>.ivu-input{
		height: 44px;
		box-sizing: border-box;
	}
	.reserve .area>>>.ivu-icon::after{
		content: '㎡';
		color: #333333;
		line-height: 44px;

	}
	.reserve .ivu-form-item-content button{
		width: 170px;
		height: 44px;
		background: #F30213;
		border-radius: 6px;
		border: 0;
		font-size: 18px;
	}
	.reserve ul{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.reserve ul li{
		font-size: 18px;
		font-weight: 400;
		color: #F30213;
		margin-left: 18px;
		background:url(~/static/image/ico/sj.png)left center no-repeat;
		background-size: 20px;
		padding-left: 26px;
		cursor: pointer;
	}
	.reserve ul li:nth-child(2){
		background:url(~/static/image/ico/mfbj.png)left center no-repeat;
		background-size: 20px;
	}
	.reserve ul li:nth-child(3){
		background:url(~/static/image/ico/kjfw.png)left center no-repeat;
		background-size: 20px;
	}
	/* 商家 */
	.business{
		padding-top: 30px;
		
	}
	.business .business_cont{
		border: 1px solid #EEEEEE;
		border-top: 0;
		padding: 22px 43px 0 43px;
		display: flex;
		flex-wrap: wrap;
	}
	.business .business_cont .item{
		width: 107px;
		margin-right: 36.28px;
		text-align: center;
		margin-bottom: 25px;
		font-size: 0;
		cursor: pointer;
	}
	.business .business_cont .item .title{
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-bottom: 8px;
		
	}
	.business .business_cont .item .btn span{
		font-size: 14px;
		font-weight: 400;
		color: #CCCCCC;
		padding: 0 5px;
	}
	.business .business_cont .item .btn span:nth-child(1){
		border-right: 1px solid #eeeeee;
	}
	.business .business_cont .item .btn span.active{
		color: #666666;
	}
	.business .business_cont .item:nth-child(8n){
		margin-right: 0;
	}
	.business .business_cont .item .img{
		width: 60px;
		height: 60px;
		font-size: 0;
		margin: 0 auto;
		line-height: 60px;
		border: 1px solid #cccccc;
		overflow: hidden;
		border-radius: 5px;
	}
	.business .business_cont .item .img img{
		max-width: 60px;
		max-height: 60px;
		vertical-align: middle;
		border-radius: 5px;
	}
	.business .business_cont .item .img{
		margin-bottom: 15px;
	}
	.business .business_nav{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #F8F8F8;
	}
	.business .business_nav ul{
		display: flex;
		align-items: center;
	}
	.business .business_nav ul li{
		line-height: 40px;
		padding: 0 24px;
		font-size: 16px;
		font-weight: 400;
		color: #666666;
		
	}
	.business .business_nav ul li.active{
		color: #FFFFFF;
		background: #F30213;
	}
	.business .business_nav .more a{
		padding: 0 10px;
		font-size: 16px;
		font-weight: 400;
		color: #666666;
	}
	/* 头条 */
	.headlines{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding-top: 30px;
	}
	.headlines .banner,.headlines .banner .img,.headlines .banner img,.headlines .ivu-carousel{
		width: 862px;
		height: 341px;
	}
	.banner>>>.ivu-carousel-dots li button{
		width: 10px;
		height: 10px;
		background: #FFFFFF;
		opacity: 0.5;
		border-radius: 5px;
	}
	.banner>>>.ivu-carousel-dots li.ivu-carousel-active button{
		width: 30px;
		height: 10px;
		background: #FFFFFF;
		border-radius: 5px;
		opacity: 1;
	}
	.banner>>>.ivu-carousel-dots-inside{
		bottom:10px
	}
	.headlines .right{
		width: 300px;
	}
	.headlines .right .top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 10px;
		border-bottom: 1px solid #eeeeee;
	}
	.headlines .right .top .title{
		font-size: 20px;
		font-weight: 400;
		color: #333333;
	}
	.headlines .right .top .more{
		font-size: 16px;
		font-weight: 400;
		color: #666666;
	}
	.headlines .right ul li{
		margin-top: 18.5px;
		position: relative;
		padding-left: 14px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.headlines .right ul li a{
		font-size: 16px;
		font-weight: 400;
		color: #333333;
	}
	.headlines .right ul li::after{
		content: '';
		width: 6px;
		height: 6px;
		background: #333333;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top:calc(50% - 2px);
	}
	.headlines .right ul li:hover a{
		color: #F30213;
	}
	.headlines .right ul li:hover::after{
		background-color: #F30213;
	}
	/* 企业展示 */
	.enterprise_show{
		padding-top: 40px;
		display: flex;
		justify-content: space-between;
	}
	.enterprise_show .left{
		width: 862px;
		position: relative;
	}
	.enterprise_show .enterprise_nav{
		display: flex;
		align-items: center;
	}
	.enterprise_show .enterprise_nav .item{
		margin-right: 60px;
		font-size: 20px;
		font-weight: 400;
		color: #666666;
		line-height: 40px;
	}
	.enterprise_show .enterprise_nav .item.active{
		font-weight: bold;
		color: #333333;
	}
	.enterprise_show .top{
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 12px;
	}
	.enterprise_show .left .top .ad{
		width: 380px;
		height: 40px;
		border: 1px solid #FFCCCC;
		padding: 0 58px 0 16px;
		position: relative;
	}
	.enterprise_show .left .top .ad::after{
		content: '广告';
		font-size: 12px;
		font-weight: 400;
		color: #FFCCCC;
		width: 40px;
		border: 1px solid #FFCCCC;
		border-radius: 8px;
		position: absolute;
		right: 6px;
		top:5px;
		text-align: center;
		line-height: 16px;
	}
	.enterprise_show .left .top .ad span{
		display: inline-block;
		font-size: 18px;
		font-weight: 400;
		color: #333333;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.enterprise_show .left .cont #shop_list:last-child{
		border-bottom: 0;
	}
	.enterprise_show .right{
		width: 300px;
		position: sticky;
		right:0;
		top: 80px;
	}
	.enterprise_show .right .top{
		font-size: 20px;
		font-weight: 400;
		color: #333333;
		line-height: 40px;
	}
	.enterprise_show .right .cont .recommend .recont{
		margin-top: 30px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 0;
		cursor: pointer;
	}
	.enterprise_show .right .cont .recommend .num{
		width: 22px;
		height: 27px;
		border-radius: 0 0 11px 11px;
		text-align: center;
		background: #CCCCCC;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
	}
	.enterprise_show .right .cont .recommend .logo{
		width: 50px;
		height: 50px;
		border-radius: 4px;
		line-height: 50px;
		border: 1px solid #cccccc;
		overflow: hidden;
	}
	.enterprise_show .right .cont .recommend .logo img{
		max-width: 50px;
		max-height: 50px;
		vertical-align: middle;
	}
	.enterprise_show .right .cont .recommend h2{
		width: calc(100% - 114px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
	}
	.enterprise_show .right .cont .recommend:nth-child(1) .num{
		background: #f30213;
	}
	.enterprise_show .right .cont .recommend:nth-child(2) .num{
		background: #ff7d37;
	}
	.enterprise_show .right .cont .recommend:nth-child(3) .num{
		background: #999999;
	}
	.enterprise_show .right .ad{
		margin-top: 25px;
	}
	.enterprise_show .right .ad,.enterprise_show .right .ad img{
		width: 300px;
		height: 280px;
		background: #FFCCCC;
	}
	.enterprise_show .right .links{
		margin-top: 20px;
	}
	.enterprise_show .right .links strong,.enterprise_show .right .links a{
		font-size: 12px;
		font-weight: 400;
		color: #333333;
	}
	.enterprise_show .right .links a{
		color:#999999;
		margin:0 10px 10px 0;
	}
	
</style>
